<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name = "viewport" content = "width=device-width, minimum-scale=1, maximum-scale=1">
		<!--离线应用的另一个技巧-->
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<!--指定的iphone中safari顶端的状态条的样式-->
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<!--告诉设备忽略将页面中的数字识别为电话号码-->
		<meta content="telephone=no" name="format-detection" />
		
		<link rel="stylesheet" type="text/css" href="css/frozen.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		
	</head>
	<body>
	
		<header class="ui-header ui-header-stable ui-border-b">
		    <i class="ui-icon-return" onclick="history.back()"></i>
		    <h1>订单确认</h1>
		    <button class="ui-btn">首页</button>
		</header>
		
		<footer class="ui-footer ui-footer-stable ui-btn-group ui-whitespace ui-border-t">
		    <a href="#" class="ui-btn-lg ui-btn-danger" >确定订单</a>
		</footer>
		
		<section class="ui-container">
			
			<div class="ui-confirm-order">
				
				<h5>收货地址</h5>
				<ul class="ui-list ui-list-link ui-border-tb">
				    <li class="ui-border-t">
				        <div class="ui-list-info">
				            <h4 class="ui-nowrap"><b>userName</b><small>189****2112</small></h4>
				            <p class="ui-nowrap">重庆市南岸区浪高国际韵阁19-6</p>
				        </div>
				    </li>
				</ul>
				
				<h5>订单信息</h5>
				<ul class="ui-list-goods-cart ui-whitespace ui-border-tb">
					<li class="ui-tiled ui-border-b">
						<div class="ui-list-goods-img">
				            <img src="http://placeholder.qiniudn.com/50x50" width="50" height="50"/>
				        </div>
				        <div class="ui-list-goods-info">
				        	<h5>韩版休闲新款</h5>
				        	<p class="ui-goods-size-color"><span>尺码：42</span><span>颜色：棕色</span></p>
				        	<p class="ui-goods-size-color"><span>数量：5</span></p>
				        </div>
				        <div class="ui-list-goods-price">
				        	<p class="price">
				        		<b>￥280</b>
				        		<del>480</del>
				        	</p>
				        </div>
					</li>
					<li class="ui-tiled ui-border-b">
						<div class="ui-list-goods-img">
				            <img src="http://placeholder.qiniudn.com/50x50" width="50" height="50"/>
				        </div>
				        <div class="ui-list-goods-info">
				        	<h5>韩版休闲新款</h5>
				        	<p class="ui-goods-size-color"><span>尺码：42</span><span>颜色：棕色</span></p>
				        </div>
				        <div class="ui-list-goods-price">
				        	<p class="price">
				        		<b>￥280</b>
				        		<del>480</del>
				        	</p>
				        </div>
					</li>
					<li class="ui-tiled ui-border-b">
						<div class="ui-list-goods-img">
				            <img src="http://placeholder.qiniudn.com/50x50" width="50" height="50"/>
				        </div>
				        <div class="ui-list-goods-info">
				        	<h5>韩版休闲新款</h5>
				        	<p class="ui-goods-size-color"><span>尺码：42</span><span>颜色：棕色</span></p>
				        </div>
				        <div class="ui-list-goods-price">
				        	<p class="price">
				        		<b>￥280</b>
				        		<del>480</del>
				        	</p>
				        </div>
					</li>
					<li class="ui-tiled ui-border-b">
						<div class="ui-list-goods-img">
				            <img src="http://placeholder.qiniudn.com/50x50" width="50" height="50"/>
				        </div>
				        <div class="ui-list-goods-info">
				        	<h5>韩版休闲新款</h5>
				        	<p class="ui-goods-size-color"><span>尺码：42</span><span>颜色：棕色</span></p>
				        </div>
				        <div class="ui-list-goods-price">
				        	<p class="price">
				        		<b>￥280</b>
				        		<del>480</del>
				        	</p>
				        </div>
					</li>
				</ul>
				<h5>订单留言</h5>
				<div class="ui-message-textarea">
		            <textarea placeholder="订单留言，最多支持100个字符"></textarea>
		        </div>
		        <h5>结算明细</h5>
		        <ul class="ui-list ui-list-one ui-border-t ui-whitespace ui-list-order-detail">
				    <li class="ui-border-t">
			            <h4 class="ui-nowrap">商品数量</h4>
			            <p class="ui-txt-info">1件</p>
				    </li>
				    <li class="ui-border-t">
			            <h4 class="ui-nowrap">商品金额</h4>
			            <p class="ui-txt-info">￥500</p>
				    </li>
				    <li class="ui-border-t">
			            <h4 class="ui-nowrap">邮费</h4>
			            <p class="ui-txt-info">￥0</p>
				    </li>
				    <li class="ui-border-t">
			            <h4 class="ui-nowrap">应付总额</h4>
			            <p class="ui-txt-info">￥500</p>
				    </li>
				</ul>
	        </div>
		</section>
		
		<script src="js/lib/zeptojs/zepto.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/frozen.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
